<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/hdiv-spring.tld" %>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>


<c:url value="mostrarHWF2016.html" var="bandejaProgramaciones"/>

<style type="text/css">
.ui-menu .ui-menu-item { whitewhite-space:nowrap; padding:0 10px 0 0; }
</style>

    <script type="text/javascript">
    var jsonrpc = new JSONRpcClient("getJSON.html");
    
    $(document).ready(function(){                     
      $("#fechaDesde").datepicker();
      $("#fechaHasta").datepicker();
      $("#dialog-confirmacion-message").hide();
      //habilitar y deshabilitar el boton Mostrar de Punto
      $("#punto").change( function(){ $("#message_punto").html("");if(  $("#punto").val()==1 ) $("#opener_punto").show(); else $("#opener_punto").hide(); } );                        
      if($("#punto").val()==1)$("#opener_punto").show();else  $("#opener_punto").hide();
      
      //habilitar y deshabilitar el boton Mostrar de Cliente
      $("#cliente").change( function(){ $("#message_cliente").html("");if(  $("#cliente").val()==1 ) $("#opener_cliente").show(); else $("#opener_cliente").hide(); } );
      if($("#cliente").val()==1)$("#opener_cliente").show();else  $("#opener_cliente").hide();
      
      //OPENERS**********************************
      $("#opener_cliente").click(openWinCliente);
      $("#opener_punto").click(openWinPunto);
      
       //DIALOGS**************************************
       $("#verDetaConfProgDiv").dialog({
          modal: true,            
          autoOpen: false,
          buttons: { 
             "Cerrar": function() { 
                         $(this).dialog("close");   
                  },
              "Guardar": function() {
                        procesarProgramacion();
                        $(this).dialog("close");          
                  }   
              },
          width: 610,
          height: 500,
          draggable: false,
          resizable: false
      });
        
       $(".verDetaConfProg").click(function(){
          var codProg = $(this).attr("codProg");
          var fecAtenPedi = $(this).attr("fecAtenPedi");
          
          //Visualizar Pedido:
          $('#verDetaConfProgDiv').html("<table height='100%'><tr><td><img src='imagenes/logoProcesandoRight.gif'/>");
          $('#verDetaConfProgDiv').load("<c:url value='mostrarHWF2003.html'/>",{accion:"detalleConfigProg",codProg:codProg,fecAtenPedi:fecAtenPedi});          
          $("#verDetaConfProgDiv").dialog("open"); 
        });
        
      
     }); //-------------- Fin de DocumentReady
     
      function cancelar_Programacion(codProg,desPunt) {
          $( "#dialog-confirmacion-message" ).dialog({
                                                    modal: true,
                                                    autoOpen: false,
                                                    buttons: {
                                                            Cancelar: function() {
                                                                $( this ).dialog( "close" );
                                                             },
                                                            Aceptar: function() {
                                                                $.getJSON("<c:url value='mostrarHWF2016.html'/>", {accion : "cancelarProgramacion", codProg:codProg }, function(resultado){    
                                                                     $("#"+ codProg).parent().parent().remove();
                                                                  });    
                                                                $( this ).dialog( "close" );
                                                             }
                                                      },
                                                      width: 500,
                                                      height: 150,
                                                      draggable: false,
                                                      resizable: false
                                            });                                             
        $( "#dialog-confirmacion-message" ).dialog("open");
         document.getElementById('dialog-confirmacion-message').innerHTML = 'La programaci&oacute;n elegida ser&aacute; cancelada. Esto quiere decir que se dejar&aacute;n de generar pedidos autom&aacute;ticamente para el punto '+desPunt+'. Desea Continuar?';
       }
   
      function openWinCliente(){
                childWindowCliente=window.showModalDialog('<c:url value="selecClienteCorp.html" />&accion=selecClienteC','selecClienteCorporacion',"dialogWidth:680px;dialogHeight:420px");
        }
        
      function openWinPunto(){
           var tipoPunto = 0;
           var opciSucu = 0;
           var tipClie = $("#codTipCliente").val();
           var codClie = 0;
           var opciClie = $("#cliente").val();
           if (tipClie != 0){ 
               opciClie = 1;
               codClie = $("#codCliente").val();
           };
           
           childWindowPunto=window.showModalDialog('<c:url value="selecPuntoCC.html" />&tipoPunt='+tipoPunto+'&vSucursal='+opciSucu+'&vCliente='+opciClie+'&vCodClie='+codClie,'selecPunto',"dialogWidth:680px;dialogHeight:420px");
      }
      
      function show_loading(){  
         var loadingAnim = document.getElementById('loading_mostrar');  
             loadingAnim.innerHTML = '<img src="imagenes/logoProcesandoDown.gif" width=' + xx_d + 'height=' + yy_d + 'alt="Procesando" />';  
             loadingAnim.style.display = 'block';      
      }   
      
     function cursor_wait() {
      document.body.style.cursor = 'wait';
    } 
      
     function mostrarPedidosProgramados(){
         if(validaRangoFechas(document.forms[0].fechaDesde.value, 
                           document.forms[0].fechaHasta.value)==false){
               $("#fechaHasta").focus();
               return false
         }  
        show_loading();
        setTimeout('show_loading();', 1000);
        cursor_wait() ;
        moveForward('mostrar');  
        return true;
      }
    
 
</script>

<style type="text/css">  
<!-- 
#loading_mostrar {display:none;}  
-->
.ui-icon
{
display: inline-block !important;
}
.ui-corner-all {
    border-radius: 4px 4px 4px 4px;
}
span.ui-icon {float: left; margin: 0 4px;}
span.text {float: left; width: 60px;}


.ui-pointer{
    cursor: pointer;
    float: left;
    list-style: none outside none;
    margin: 2px;
    padding: 4px 0;
    position: relative;
}
</style> 

<script language="JavaScript" src="javascript/HMF2003.js"></script>

<form:form modelAttribute="form" action="${bandejaProgramaciones}" >

<form:hidden path = "control"/>
<form:hidden path = "accion"/>

<input type="hidden" id="codCliente" name="codCliente" value="${listClie}" />
<input type="hidden" id="codTipCliente" name="codTipCliente" value="${tipClie}" />

<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

<table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="left" valign="top" class="fondo_contenido padtop16left21">
      <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul" >
      <tr>
        <td height="22" align="left" valign="top" class="verdana11bazul">
		<ul class="navlist2">
		<li>Bandeja de Programaciones</li>
		</ul>
        </td>
        <td width="170"></td>
        <td>
            <a href="#" id="opener_agregarFavoritos"> <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a>
        </td>
      </tr>
      <tr>
        <td align="left" valign="top" class="borde_totalblanco">
        <table border="0" cellspacing="0" cellpadding="0" width="700">
        <!---->
        <tr>
            <c:if test="${sessionScope.tipClie eq '0'}">
                  <td  height="30" align="left" valign="top" class="verdana10bazul">Corporaci&oacute;n  </td>
                  <td  height="30" align="left" valign="top" class="verdana10negro" colspan="5"> ${desCorp}</td>
            </c:if>
        </tr>
          
        <!-- SELECCIONA CLIENTE -- PUNTO-->
          <tr>
            <td  height="30" align="left" valign="middle" class="verdana10bazul">Cliente</td>
            <c:choose>
            <c:when test="${sessionScope.tipClie eq '0'}">
                <td height="30" align="left" valign="middle" class="verdana10negro" colspan="2">
                <table border="0">
                <tr>
                <td>
                <div class="fondo_txtbox90">
                <form:select cssStyle="height: 23px; width: 90px; font-family: Arial; font-size: 8pt" path="cliente">
                             <form:option value="0">TODOS</form:option>
                             <form:option value="1">ALGUNOS</form:option>
                </form:select></div>
                </td>
                <td align="left" valign="middle"><a href="#" id="opener_cliente"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a><span id="message_cuenta" style="color:red;"><c:out value="${message_cliente}"/></span></td>
                </tr>
                </table>
                </td>
            </c:when>
            <c:otherwise>
                <!--CLIENTE-->
                <td  height="30" align="left" valign="top" class="verdana10negro" colspan="5"> ${desRazoSoci}</td>
            </c:otherwise>
            </c:choose>
          <!--*********-->
            <td height="30" align="left" valign="middle" class="verdana10bazul">Punto</td>
            <td height="30" align="left" valign="middle" class="verdana10negro" colspan="2">
            <table border="0">
            <tr>
            <td>
            <div class="fondo_txtbox90">
            <form:select cssStyle="height: 23px; width: 90px; font-family: Arial; font-size: 8pt" path="punto" >
                         <form:option value="0">TODOS</form:option>
                         <form:option value="1">ALGUNOS</form:option>
            </form:select></div>
            </td>
            <td align="left" valign="middle"><a href="#" id="opener_punto"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a> </td>
             </tr>
            </table>
            </td>
        </tr>
        
         <!-- ORIGEN -->
         <tr>
            <td height="30" align="left" valign="bottom" class="verdana10bazul">Origen</td>
            <td height="30" align="left" valign="bottom" class="verdana10negro"
                colspan="2">
            <div class="fondo_txtbox128">
            <form:select cssStyle="height: 23px; width: 128px; font-family: Arial; font-size: 8pt" path="origen">
                         <form:option value="0">TODOS</form:option>
                         <c:if test="${not empty listaOrigen}">
                         <form:options items="${listaOrigen}"
                                       itemValue="codigo"
                                       itemLabel="descripcion"/>
                         </c:if>
            </form:select></div></td>
            <!--******-->            
            <td  height="30" align="left" valign="middle" class="verdana10bazul"></td>
            <td height="30" align="left" valign="middle" class="verdana10negro"  colspan="2"> </td>
            
          </tr>
          
          <!--FECHA-->
          <tr>
            <td height="30" align="left" valign="bottom" class="verdana10bazul">Fecha</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro" colspan="5">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="left" valign="bottom" class="padright10"><div class="fondo_txtbox90">
                   &nbsp;<form:input maxlength="10" size="12" path="fechaDesde" 
                                   readonly="false"/>
                  </div></td>
                  <td class="padright10">a</td>
                  <td align="left" valign="bottom" class="padright10"><div class="fondo_txtbox90">
                   &nbsp;<form:input maxlength="10" size="12" path="fechaHasta"/>
                  </div></td>
                  <td>&nbsp;</td>
                </tr>
              </table></td>
          </tr>
        </table>
        <!--Mostrar-->
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td height="51" align="left" valign="bottom">
              <input type="button" value="Mostrar" name="mostrar" class="boton" onclick="javascript:mostrarPedidosProgramados()"/>              
              </td>
            </tr>
             <tr>
                <td colspan="4" align="center">    
                <div id="loading_mostrar"><img id="logoDown" src="imagenes/logoProcesandoDown.gif" alt="Procesando" /></div>  
                </td>
            </tr>  
          </table>
        </td>
      </tr>
      </table>
	    <div class="margintop31"/>
      
      <table border="0" cellpadding="0" cellspacing="0" class="margintop20">
        <tr>
          <td width="100%">
              <display:table id="pedido" name="listaPedidosProgramados" cellpadding="0"
                             cellspacing="0" style="width:100%" pagesize="10"                         
                             requestURI="${bandejaProgramaciones}"
                             class="its7">
               <tbody>
                <display:column class="hiddenColumn" headerClass="hiddenColumn" escapeXml="true" style="width:50px;text-align:left;" property="progPedi.codProg" title="Codigo"/>
                <display:column property="progPedi.codProg"
                                headerClass="even" class="cellcenter"
                                title="Nro de Programaci&oacute;n"/>
                <display:column property="clieOrig.nomClie"
                                headerClass="even" class="cellcenter"
                                title="Cliente"/>
                <display:column property="punt.desPunt"
                                headerClass="even" class="cellizquierda"
                                title="Punto"/>
                <display:column property="progPedi.desTipFrec"
                                headerClass="even" class="cellizquierda "
                                title="Frecuencia"/>                
                <display:column property="progPedi.fecIni"
                                headerClass="even" class="cellcenter "
                                title="Fecha de Inicio de Programaci&oacute;n"/>
                <display:column property="progPedi.fecFin"
                                headerClass="even" class="cellcenter "
                                title="Fecha de Fin Estimado"/>
                <display:column property="tipProc.desTipo"
                                headerClass="even" class="cellizquierda "
                                title="Origen"/>
                <display:column property="horAtenInicPact"
                                headerClass="even" class="cellizquierda "
                                title="Hora Solicitada"/>    
                <c:forEach items="${listUnidMone}" var="unidMone" >
                  <c:set var="montUnidMone" value="0"/>
                  <c:forEach items="${pedido.detasPedido}" var="detaPedido">
                    <c:if test="${unidMone.codTipo == detaPedido.boveda.unidMone.codTipo}">
                      <c:set var="montUnidMone" value="${montUnidMone+detaPedido.montPedi}"/>  
                    </c:if>
                  </c:forEach>
                <display:column headerClass="even" class="cellcenter " title="Monto ${unidMone.desTipo}">
                    <fmt:formatNumber value="${montUnidMone}" pattern="###,###,###,##0.00"/>
                </display:column>
                </c:forEach> 
                <display:column headerClass="even" class="cellcenter" title="Acciones">
                    <table><tr>
                    <td><a href="#" id="verDetaConfProg" class="param verDetaConfProg" codProg = "${pedido.progPedi.codProg}" fecAtenPedi= "${pedido.fecAtenPedi}"> <img src="images/dhtml/icons_books/book.gif" title="Editar Configuraci&oacute;n"/> </a></td>
                    <td><span class="icons" id="<c:out value="${pedido.progPedi.codProg}" />"><a href='#' onclick='cancelar_Programacion("<c:out value="${pedido.progPedi.codProg}"/>","<c:out value="${pedido.punt.desPunt}"/>")' title='Cancelar'><span class='ui-icon ui-icon-close'></span></a></span></td>
                    </tr></table>
                </display:column>
               </tbody>
              </display:table>
          </td>
        </tr>
        <tr><td>&nbsp;</td>
        </tr>
        <tr><td>      
       </td>
        </tr>
      </table>
	  </td>
  </tr>
  
</table>
</form:form> 
<div id="verDetaConfProgDiv" title="Configurar Programaci&oacute;n" style="overflow-y:auto"></div>   
<div id="dialog-confirmacion-message" title="Confirmaci&oacute;n">
	<p>
		<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
	</p>
</div>